import { ButtonNumber } from '@/components/bs-ui/button'
import { Slider } from '@/components/bs-ui/slider'
import '../css/styles.css'

export default function Temperature({ value, onChange }) {
  // const props = { max: 2, min: 0, step: 0.1 }
  const props = { max: 1, min: 0.1, step: 0.1 }

  return (
    <div className="Application_slider_case_acquiesce mt-2 flex gap-4">
      <Slider name="slider" value={[value]} onValueChange={v => onChange(v[0])} {...props} />
      <ButtonNumber value={value} onChange={onChange} {...props} />
    </div>
  )
}
